<div id="page-content-wrapper">

    <div class="wp_next" style="display: block;">
        <div class="inner-page-title">
            <h2>{add-new}</h2>
        </div>
        <form action="#" method="post" enctype="multipart/form-data" class="forms" name="form" >
            <div class="add-container">
                <div class="column-content-box">
                    <div class="content-box content-box-header ui-corner-all">
                        <div class="ui-state-default ui-corner-top ui-box-header">
                            <span class="ui-icon float-left ui-icon-plus"></span>
                            {form_action_add}
                        </div>
                        {label-error}
                        <div class="content-box-wrapper">
                            <ul>
                                <li>
                                    <label  class="desc">{header_listposition}</label>
                                    <select id="listposition" class="field text small" name="position" onclick="loadData('{url}',{com_id})">
                                        <option label="{chon}" value="{chon}"></option>
                                        <option label="content_header" value="content_header">content_header</option>
                                        <option label="content_left" value="content_left">content_left</option>
                                        <option label="content_top" value="content_top">content_top</option>
                                        <option label="content_mid" value="content_mid">content_mid</option>
                                        <option label="content_bot" value="content_bot">content_bot</option>
                                        <option label="content_right" value="content_right">content_right</option>
                                        <option label="content_footer" value="content_footer">content_footer</option>   
                                    </select>
                                </li>
                                <div id="listdata" class="disabled">
                                    <li>                                        
                                        <div id="module" >                                            

                                        </div>
                                    </li>

                                    <li >
                                        <span for="Field4" id="title4" class="desc status">
                                            {header_status}:
                                        </span>
                                        <span>
                                            <input type="checkbox" 
                                                   tabindex="8" 
                                                   value="" 
                                                   class="field checkbox " 
                                                   name="status" 
                                                   id="status"
                                                   />
                                        </span>
                                    </li>
                                </div>
                                <input type="hidden" name="com_id" value="{com_id}"/>

                                <li class="buttons">
                                    <button id="Cancel" class="ui-state-default ui-corner-all ui-button" type="submit">
                                        <a href="{href_cancel}" onclick="window.parent.hs.close()">{Cancel}</a>
                                    </button>
                                    <button  id="Save" class="ui-state-default ui-corner-all ui-button disabled" type="submit" >{Save}</button>
                                </li>
                            </ul>

                        </div>
                    </div>
                </div>
            </div>
        </form>
        <div class="clear"></div>
    </div>
</div>